@import '../../default/css/style';

@mixin definitions($main) {
    #global_notifs > thead > tr > th,
    #siteadmin-config table > thead > tr > th,
    #tracker_report_table > thead > tr > th {
        border-bottom-color: $main;
    }

    .widget_content #tracker_report_table > thead > tr > th {
        border-bottom-color: #B2B2B2;
    }

    .tracker-report-query {
        border-top: 2px solid $main;
    }

    .tracker_artifact_fieldset legend {
        color: $main;

        &.toggler-noajax {
            border-bottom: 2px solid $main;
        }
    }

    .format-warning {
        color: $main;
    }

    #tracker_artifact_followup_comments {
        position: absolute;
        width: 100%;
        box-sizing: initial;
        -moz-box-sizing: initial;
    }

    .tracker_artifact_followup-with_comment {
        border-left: 3px solid $main;
    }

    .card-details .avatar {
        width: 25px;
        height: 25px;
        display: inline-block;
        border: none;
        position: relative;
        top: -2px;
        left: 1px;
    }

    .card-details .avatar > img {
        width: 25px;
        height: 25px;
    }

    .tracker-deprecated-fields {
        & > thead > tr > th {
            border-bottom-color: $main;
        }
    }

}

body {
    @import 'variables-orange';
    @include definitions($main);

    &.FlamingParrot_Blue {
        @import 'variables-blue';
        @include definitions($main);
    }

    &.FlamingParrot_Green {
        @import 'variables-green';
        @include definitions($main);
    }

    &.FlamingParrot_BlueGrey {
        @import 'variables-bluegrey';
        @include definitions($main);
    }

    &.FlamingParrot_Purple {
        @import 'variables-purple';
        @include definitions($main);
    }

    &.FlamingParrot_Red {
        @import 'variables-red';
        @include definitions($main);
    }

    &.FlamingParrot_DarkOrange {
        @import 'variables-darkorange';
        @include definitions($main);
    }

    &.FlamingParrot_DarkBlue {
        @import 'variables-darkblue';
        @include definitions($main);
    }

    &.FlamingParrot_DarkGreen {
        @import 'variables-darkgreen';
        @include definitions($main);
    }

    &.FlamingParrot_DarkBlueGrey {
        @import 'variables-darkbluegrey';
        @include definitions($main);
    }

    &.FlamingParrot_DarkPurple {
        @import 'variables-darkpurple';
        @include definitions($main);
    }

    &.FlamingParrot_DarkRed {
        @import 'variables-darkred';
        @include definitions($main);
    }
}
